<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<!-- Created by Artisteer v4.0.0.58833 -->
<meta charset="utf-8">
<title>Main</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="styles/style.css" media="screen">
<!--[if lte IE 7]><link rel="stylesheet" href="styles/style.ie7.css" media="screen" /><![endif]-->
<link rel="stylesheet" href="styles/style.responsive.css" media="all">

<script src="scripts/jquery.js"></script>
<script src="scripts/script.js"></script>
<script src="scripts/script.responsive.js"></script>
<meta name="description" content="Description">
<meta name="keywords" content="Keywords">

<style>
.art-content .art-postcontent-0 .layout-item-0 {
    border-top-width: 1px;
    border-top-style: Dashed;
    border-top-color: #CCCCCC;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.art-content .art-postcontent-0 .layout-item-1 {
    color: #242424;
    background: #FFFFFF url('images/59e01.png') no-repeat scroll;
    padding-right: 0px;
    padding-left: 0px;
}

.art-content .art-postcontent-0 .layout-item-2 {
    border-spacing: 20px 0px;
    border-collapse: separate;
}

.art-content .art-postcontent-0 .layout-item-3 {
    padding: 20px;
}

.ie7 .post .layout-cell {
    border: none !important;
    padding: 0 !important;
}

.ie6 .post .layout-cell {
    border: none !important;
    padding: 0 !important;
}
</style>
</head>
<body>
  <div id="art-main">
    <nav class="art-nav clearfix">
      <ul class="art-hmenu">
        <li><a href="main.html" class="active">Main</a></li>
        <li><a href="contact-us.html">Contact Us</a></li>
      </ul>
    </nav>
    <header class="art-header clearfix">
      <div class="art-shapes">
        <h1 class="art-headline" data-left="18.01%">
          <a href="#">Greenclew</a>
        </h1>
        <h2 class="art-slogan" data-left="18.43%">Web Design and Internet Marketing</h2>
      </div>
    </header>
    <div class="art-sheet clearfix">
      <div class="art-layout-wrapper clearfix">
        <div class="art-content-layout">
          <div class="art-content-layout-row">
            <div class="art-layout-cell art-content clearfix">
              <article class="art-post art-article">
                <div class="art-postcontent art-postcontent-0 clearfix">
                  <div class="art-content-layout">
                    <div class="art-content-layout-row">
                      <div class="art-layout-cell layout-item-1" style="width: 100%">
                        <br style="line-height: 450px">
                        <div style="position: absolute; top: 110px; left: 50px; text-shadow: 3px 3px #cccccc;">
                          <h5>
                            Fresh<br> actual<br> ImPressive
                          </h5>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="art-content-layout-br layout-item-0"></div>
                  <div class="art-content-layout layout-item-2">
                    <div class="art-content-layout-row">
                      <div class="art-layout-cell layout-item-3" style="width: 25%">
                        <p style="text-align: center;">
                          <img width="201" height="201" alt="" src="images/green1.jpg" class="">
                        </p>
                        <h4 style="text-align: center;">Projects</h4>
                        <p style="text-align: center;">Etiam pharet, tellus sit amet congue vulputate.</p>
                      </div>
                      <div class="art-layout-cell layout-item-3" style="width: 25%">
                        <p style="text-align: center;">
                          <img width="201" height="201" alt="" src="images/green2-2.jpg" class="">
                        </p>
                        <h4 style="text-align: center;">Ideas</h4>
                        <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                      </div>
                      <div class="art-layout-cell layout-item-3" style="width: 25%">
                        <p style="text-align: center;">
                          <img width="201" height="201" alt="" src="images/green3-2.jpg" class="">
                        </p>
                        <h4 style="text-align: center;">process</h4>
                        <p style="text-align: center;">Aenean citudin imperdiet dignissim posuere id.</p>
                      </div>
                      <div class="art-layout-cell layout-item-3" style="width: 25%">
                        <p style="text-align: center;">
                          <img width="201" height="201" alt="" src="images/green4.jpg" class="">
                        </p>
                        <h4 style="text-align: center;">Offers</h4>
                        <p style="text-align: center;">Cras elit nisl, rhoncus nec dolor iaculis ultricies.</p>
                      </div>
                    </div>
                  </div>
                  <div class="art-content-layout-br layout-item-0"></div>
                  <div class="art-content-layout layout-item-2">
                    <div class="art-content-layout-row">
                      <div class="art-layout-cell layout-item-3" style="width: 25%">
                        <h3>Latest News</h3>
                        <div class="newsdate">
                          <h6>17</h6>
                          <p>Apr</p>
                        </div>
                        Lorem ipsum dolor sit amet aenean sollicitudin arcu.<br clear="all">
                        <div class="newsdate">
                          <h6>27</h6>
                          <p>Mar</p>
                        </div>
                        Etiam pharetra, tellus sit amet congue vulputate.<br clear="all">
                        <div class="newsdate">
                          <h6>05</h6>
                          <p>Mar</p>
                        </div>
                        Curabitur gravida felis, sit amet scelerisque.<br clear="all">
                        <div class="newsdate">
                          <h6>19</h6>
                          <p>Feb</p>
                        </div>
                        Donec vel neque in neque porta sed sit amet lectus.<br clear="all">
                        <div class="newsdate">
                          <h6>24</h6>
                          <p>Jan</p>
                        </div>
                        Morbi tristique posuere consequat vel neque in neque.
                      </div>
                      <div class="art-layout-cell layout-item-3" style="width: 50%">
                        <h1>Quality and Efficiency</h1>
                        <p>
                          <img width="449" height="269" alt="" src="images/ga_image.jpg" style="margin-right: -50px;" class="">
                        </p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, tellus sit amet congue vulputate, nisi erat iaculis
                          nibh, vitae feugiat sapien ante eget mauris.&nbsp;Pellentesque ac felis tellus.</p>
                        <p>
                          <a href="#" class="art-button">Read more...</a>
                        </p>
                      </div>
                      <div class="art-layout-cell layout-item-3" style="width: 25%">
                        <h3>Services</h3>
                        <ul>
                          <li>Suspendisse pharetra auctor pharetra.</li>
                          <li>Nunc a sollicitudin est.</li>
                          <li>Curabitur ullamcorper gravida felis</li>
                          <li>Sit amet scelerisque lorem iaculis sed.</li>
                          <li>Donec vel neque in neque porta venenatis sed sit amet lectus.</li>
                          <li>Morbi tristique posuere consequat.</li>
                          <li>Maecenas ut lorem lacus.</li>
                          <li>Suspendisse et sem eleifend massa.</li>
                          <li>Donec ut hendrerit enim.</li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>

              </article>
            </div>
          </div>
        </div>
      </div>
      <footer class="art-footer clearfix">
        <div class="art-content-layout layout-item-0">
          <div class="art-content-layout-row">
            <div class="art-layout-cell layout-item-1" style="width: 20%">
              <p style="font-size: 18px;">INFO</p>
              <br>
              <ul>
                <li><a href="#">Welcome</a></li>
                <li><a href="#">People</a></li>
                <li><a href="#">Management</a></li>
              </ul>
            </div>
            <div class="art-layout-cell layout-item-1" style="width: 18%">
              <p style="font-size: 18px;">LOCATION</p>
              <br>
              <ul>
                <li><a href="#">Map</a></li>
                <li><a href="#">Address</a></li>
                <li><a href="#">Contact Us</a></li>
              </ul>
            </div>
            <div class="art-layout-cell layout-item-1" style="width: 25%">
              <p style="font-size: 18px;">ABOUT</p>
              <br>
              <ul>
                <li><a href="#">Company</a></li>
                <li><a href="#">Terms</a></li>
              </ul>
            </div>
            <div class="art-layout-cell" style="width: 37%">
              <p style="text-align: right;">
                <br>
              </p>
              <p style="text-align: right;">
                <img width="32" height="32" alt="" src="images/rss_32-2.png" style="margin: 5px;"><img width="32" height="32" alt=""
                  src="images/picasa_32-2.png" style="margin: 5px;"><img width="32" height="32" alt="" src="images/facebook_32-2.png" style="margin: 5px;"
                  class=""><img width="32" height="32" alt="" src="images/flickr_32-2.png" style="margin: 5px;" class=""><br> <a
                  href="http://artdesigner.lv"></a>
              </p>
              <p style="text-align: right;">
                <span style="text-align: right;"><br></span>
              </p>
              <p style="text-align: right;">
                <span style="text-align: right;">Copyright © 2011-2012. All Rights Reserved.<br> Icons by <a href="http://artdesigner.lv">Artdesigner.lv</a></span><br>
              </p>
              <p style="text-align: right;">
                <br>
              </p>
              <p style="text-align: right;">
                <br>
              </p>
            </div>
          </div>
        </div>
      </footer>
    </div>
    <p class="art-page-footer">
      <span id="art-footnote-links"><a href="http://www.artisteer.com/" target="_blank">Web Template</a> created with Artisteer.</span>
    </p>
  </div>
</body>
</html>